﻿@using FCTC_Web.Models;
@model FCTC_Web.Models.VehicleEstimation
@{
    Layout = "~/Views/Shared/_BusinessNoSearch.cshtml";
}
<link href="@Url.Content("~/Content/jquery-ui-1.8.16.custom.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-1.5.1.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.16.custom.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-timepicker-addon.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.ui.datepicker-zh-CN.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#AppointmentDate').datetimepicker(
                {   hourMin: 9,
                    hourMax: 16,
                    showOn: 'both',
                    buttonImage: '/images/calendar.png',
                    buttonImageOnly: true
                });
    });
</script>
<style>
#AppointmentDateTd input{ width:120px;}
.CarBrandTd select{ margin-left:7px;width:125px;}
.BrandTypeTd select{ margin-left:7px;width:125px;}
select{ width:125px;}
#FullName input{ margin-left:0px;width:120px;}
#FullName image{ margin-left:5px; height:24px; width:50px; cursor:hand;}
#ApplyerMsgTD textarea{ border:1px #cecece solid; width:410px; height:80px; margin-left:8px;}
</style>
@using (Html.BeginForm("AppointForVehicleEstimation", "Appointment", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    @Html.ValidationSummary(true)

    <div class="zhihuan">您所在的位置：<a href="@Url.Action("Index","Default")">首页</a> >> <span><a href="#">二手车预约评估</a></span></div>
<div class="yuyue">
	<div class="yuyue_2">
    	<ul>
        	<li><img src="/images/yuyue_2.gif" width="120" height="29" alt="yuyue" /></li>
            <li>填写预约评估信息，稍后会有专业二手车评估师与您联系，为您免费提供电话评估或上门评估 
            (<a style=" text-decoration:underline" href="@Url.Action("EstimatorOverview", "Appointment")">查看评估流程</a>)</li>
            <li class="yuyue_3"></li>
            <li>
            <table width="700" border="0" align="center" cellpadding="0" cellspacing="0" style="margin-left:125px;line-height:35px;">
                <tr>
                    <td style="width:150px;text-align:right">车辆品牌：</td><td style="text-align:left;" style="padding-left:9px;">@Html.Partial(@"~\views\shared\searchengine\vehiclebrand.cshtml")@Html.ValidationMessageFor(model => model.CarBrand)</td>
                    <td style="width:135px;text-align:right; ">车辆型号：</td><td align="left" style="padding-left:9px;">@Html.Partial(@"~\views\shared\searchengine\vehicletype.cshtml")@Html.ValidationMessageFor(model => model.BrandType)</td>
                    
                    <td></td>
                </tr>
                <tr>
                    <td style="width:150px;text-align:right">车辆配置：</td><td align="left" style="padding-left:9px;">@Html.Partial(@"~\views\shared\searchengine\vehiclestyle.cshtml")@Html.ValidationMessageFor(model => model.VehicleStyle)</td>
                    <td style="text-align:right ;">排量：</td><td align="left" style="padding-left:9px;">@Html.DropDownListFor(model => model.Vehicle.DeliveryCapacity, new SelectList(new List<string>{ 
                                        "0.8L",
                                        "1.0L",
                                        "1.2L",
                                        "1.4L",
                                        "1.5L",
                                        "1.6L",
                                        "1.8L",
                                        "2.0L",
                                        "2.4L",
                                        "3.0L"}, "--请选择--"))
                                @Html.ValidationMessageFor(model => model.Vehicle.DeliveryCapacity)</td>
                    <td></td>
                </tr>
                <tr>
                    <td style="text-align:right">您的姓名：</td>
                    <td id="FullName" align="left" style="padding-left:9px;">@Html.EditorFor(model => model.Personal.FullName)
                    @Html.ValidationMessageFor(model => model.Personal.FullName)</td>                
                    <td style="text-align:right;">您的联系电话：</td>
                    <td id="FullName" align="left" style="padding-left:9px;">@Html.EditorFor(model => model.ContactNumber)
                    @Html.ValidationMessageFor(model => model.ContactNumber)</td>
                    <td></td>
                 </tr>
                 <tr>
                    <td style="text-align:right">预约评估时间：</td>
                    <td id="FullName" colspan="2" align="left" style="padding-left:9px;">@Html.TextBoxFor(i => i.AppointmentDate, new { id = "AppointmentDate", @name = "AppointmentDate" })
                    @Html.ValidationMessageFor(model => model.AppointmentDate)</td>
                    <td></td>
                 </tr>
                @if (Model != null)
                {
                    <tr>
                    <td align="right">预约评估师：</td>
                    <td colspan="3" align="left"> @Html.LabelFor(model => model.Estimator.Personal.FullName)</td><td style="width:10%"></td></tr>}
               <tr style="line-height:90px;">
                    <td style="text-align:right">申请人留言：</td>
                    <td id="ApplyerMsgTD" colspan="3" align="left">@Html.TextAreaFor(model => model.ApplyerMsg)
                                @Html.ValidationMessageFor(model => model.ApplyerMsg)</td><td style="width:200px"></td></tr>                                                                                          
            </table>
            </li>
            <li><table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
                  <tr>
                    <td width="358" height="35" align="right"><input type="submit" value="" style="background:url(/images/yuyue_3.jpg); width:87px; height:25px; border:0px;" /></td>
                    <td width="27" align="left">&nbsp;</td>
                    <td width="315" align="left"><input type="reset" value="" style="background:url(/images/yuyue_4.jpg); width:87px; height:25px; border:0px;" /></td>
                  </tr>
                </table></li>
        </ul>
    </div>
</div>
}
